<!DOCTYPE html><head>
<title>LittleJS HTML Menu Example</title>
<meta charset=utf-8>
<meta name=apple-mobile-web-app-capable content=yes>
<meta name=mobile-web-app-capable content=yes>
<link rel=icon type=image/png href=../favicon.png>
<style>
.topDiv
{
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.menuDiv
{
    gap: 20px;
    padding: 30px;
    display: flex;
    align-items: center;
    flex-direction: column;
    border: 3px solid black;
    background-color: white;
    visibility: hidden;
}
</style>
</head><body>

<!-- setup html menu system -->
<div class=topDiv>
<div id=menu class=menuDiv>
<b style=font-size:50px>Test Menu</b>
This is an example menu using html elements.
<input id=input_test value='Test Input'>
<input id=input_rangeTest type=range>
<button id=button_test>Test Button</button>
<button id=button_exitMenu>Exit Menu</button>
</div>
</div>

<!-- Add your game scripts here -->
<script src=game.js type=module></script>